<template>
  <div>
    <h1>第一题</h1>
    <code1></code1>
    <br>
    <h1>第二题</h1>
    <code2></code2>
    <br>
    <h1>第三题</h1>
    <code3></code3>
    <br>
    <h1>第四题</h1>
    <code4></code4>
    <br>
    <h1>第五题</h1>
    <code5></code5>
    <br>
    <h1>第六题</h1>
    <code6></code6>
    <br>
    <h1>第七题</h1>
    <code7></code7>
    <br>
    <h1>第八题</h1>
    <code8></code8>
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'
import code1 from './components/code1.vue'
import code2 from './components/code2.vue'
import code3 from './components/code3.vue'
import code4 from './components/code4.vue'
import code5 from './components/code5.vue'
import code6 from './components/code6.vue'
import code7 from './components/code7.vue'
import code8 from './components/code8.vue'
export default {
  name: 'App',
  components: {
    // HelloWorld,
    code1,
    code2,
    code3,
    code4,
    code5,
    code6,
    code7,
    code8
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
